<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta charset="utf-8">
  <title>个人博客</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
	<link rel="stylesheet" href="<%=request.getContextPath() %>/other/layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/other/blog/css/main.css">
<!--加载meta IE兼容文件-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
	<div class="header">
		<div class="menu-btn">
			<div class="menu"></div>
		</div>
		<h1 class="logo">
			<a href="index.html?responsePath=web/openInterface/blog/index"> <span>我闻到了百炼的香气</span> <img
				src="<%=request.getContextPath() %>/other/blog/img/logo.png">
			</a>
		</h1>
		<div class="nav">
			<a href="index.html?responsePath=web/openInterface/blog/index" class="active">文章</a> 
			<a href="whisper.html?responsePath=web/openInterface/blog/whisper">微语</a>
			<a href="leacots.html?responsePath=web/openInterface/blog/leacots">留言</a> 
			<a href="album.html?responsePath=web/openInterface/blog/album">相册</a> 
			<a href="about.html?responsePath=web/openInterface/blog/about">关于</a>
		</div>
		<ul class="layui-nav header-down-nav">
			<li class="layui-nav-item"><a href="index.html?responsePath=web/openInterface/blog/index" class="active">文章</a></li>
			<li class="layui-nav-item"><a href="whisper.html?responsePath=web/openInterface/blog/whisper">微语</a></li>
			<li class="layui-nav-item"><a href="leacots.html?responsePath=web/openInterface/blog/leacots">留言</a></li>
			<li class="layui-nav-item"><a href="album.html?responsePath=web/openInterface/blog/album">相册</a></li>
			<li class="layui-nav-item"><a href="about.html?responsePath=web/openInterface/blog/about">关于</a></li>
		</ul>
		<p class="welcome-text">
			欢迎来到<span class="name">十二担</span>的博客~
		</p>
	</div>

	<div class="banner">
		<div class="cont w1000">
			<div class="title">
				<h3>
					我闻到了<br />百炼的香气
				</h3>
				<h4>刻舟求剑</h4>
			</div>
			<div class="amount">
				<p>
					<span class="text">百炼</span><span class="access">1000</span>
				</p>
				<p>
					<span class="text">基佬紫</span><span class="daily-record">1000</span>
				</p>
			</div>
		</div>
	</div>

	<div class="content">
		<div class="cont w1000">
			<div class="title">
				<span class="layui-breadcrumb" lay-separator="|"> <a
					href="javascript:;" class="active">攻略</a> <a href="javascript:;">心情</a>
					<a href="javascript:;">杂记</a>
				</span>
			</div>
			<div class="list-item">
				<div class="item">
					<div class="layui-fluid">
						<div class="layui-row">
							<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
								<div class="img">
									<img src="<%=request.getContextPath() %>/other/blog/img/sy_img1.jpg" alt="">
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
								<div class="item-cont">
									<h3>
										空间立体效果图，完美呈现最终效果
										<button class="layui-btn layui-btn-danger new-icon">new</button>
									</h3>
									<h5>设计文章</h5>
									<p>室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
									<a href="details.html" class="go-icon"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="layui-fluid">
						<div class="layui-row">
							<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
								<div class="img">
									<img src="<%=request.getContextPath() %>/other/blog/img/sy_img2.jpg" alt="">
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
								<div class="item-cont">
									<h3>
										空间立体效果图，完美呈现最终效果
										<button class="layui-btn layui-btn-danger new-icon">new</button>
									</h3>
									<h5>设计文章</h5>
									<p>室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
									<a href="details.html" class="go-icon"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="layui-fluid">
						<div class="layui-row">
							<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
								<div class="img">
									<img src="<%=request.getContextPath() %>/other/blog/img/sy_img3.jpg" alt="">
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
								<div class="item-cont">
									<h3>
										空间立体效果图，完美呈现最终效果
										<button class="layui-btn layui-btn-danger new-icon">new</button>
									</h3>
									<h5>设计文章</h5>
									<p>室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
									<a href="details.html" class="go-icon"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="layui-fluid">
						<div class="layui-row">
							<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
								<div class="img">
									<img src="<%=request.getContextPath() %>/other/blog/img/sy_img4.jpg" alt="">
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
								<div class="item-cont">
									<h3>
										空间立体效果图，完美呈现最终效果
										<button class="layui-btn layui-btn-danger new-icon">new</button>
									</h3>
									<h5>设计文章</h5>
									<p>室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
									<a href="details.html" class="go-icon"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="layui-fluid">
						<div class="layui-row">
							<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
								<div class="img">
									<img src="<%=request.getContextPath() %>/other/blog/img/sy_img5.jpg" alt="">
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
								<div class="item-cont">
									<h3>
										空间立体效果图，完美呈现最终效果
										<button class="layui-btn layui-btn-danger new-icon">new</button>
									</h3>
									<h5>设计文章</h5>
									<p>室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
									<a href="details.html" class="go-icon"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="demo" style="text-align: center;"></div>
		</div>
	</div>

	<div class="footer-wrap">
		<div class="footer w1000">
			<div class="qrcode">
				<img src="<%=request.getContextPath() %>/other/blog/img/erweima.jpg">
			</div>
			<div class="practice-mode">
				<img style="height:240px" src="<%=request.getContextPath() %>/other/blog/img/down_img.jpg">
				<div class="text">
					<h4 class="title">我的联系方式</h4>
					<p>
						微信<span class="WeChat">暂时没有</span>
					</p>
					<p>
						手机<span class="iphone">不能告诉你</span>
					</p>
					<p>
						QQ<span class="email">785124347</span>
					</p>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="<%=request.getContextPath() %>/other/layui/layui.js"></script>
	<script type="text/javascript">
    layui.config({
      base: '<%=request.getContextPath() %>/other/blog/js/util/'
    }).use(['element','laypage','jquery','menu'],function(){
      element = layui.element,laypage = layui.laypage,$ = layui.$,menu = layui.menu;
      laypage.render({
        elem: 'demo'
        ,count: 70 //数据总数，从服务端得到
      });
      menu.init();
    })
  </script>
</body>
</html>